<ion-content>

  <div class="c-p-logo">
    <img src="assets/modify/logo@3x.png" alt="" (click)="pop()">
    <span>随心测</span>
  </div>

  <div class="c-p-modify">
    <span>忘记密码！</span>
  </div>

  <div class="c-p-box">
    <ion-list no-lines>
      <div>
        <ion-item>
          <ion-label floating>手机号</ion-label>
          <ion-input type="number" (keyup)="rep($event)"  [ngClass]="{'has-liner-gradient': this.lgService.isShowPhoneBorder,'no-has-liner-gradient': !this.lgService.isShowPhoneBorder}"
            [(ngModel)]="phone"  (blur)="this.lgService.blurShowPhoneBorder();" (focus)="this.lgService.focusShowPhoneBorder()"></ion-input>
        </ion-item>
      </div>

      <div class="border-code">
        <ion-item>
          <ion-label floating>验证码</ion-label>
          <ion-input type="number" (keyup)="codeNum($event)" [ngClass]="{'has-liner-gradient': this.lgService.isShowCodeBorder,'no-has-liner-gradient': !this.lgService.isShowCodeBorder}"
            [(ngModel)]="code" (blur)="this.lgService.blurShowCodeBorder()" (focus)="this.lgService.focusShowCodeBorder()"></ion-input>
        </ion-item>
        <div class="border-code-time">
          <button *ngIf="!isShow" disabled>{{count}}秒后获取</button>
          <button *ngIf="isShow" (click)="setCode()"  [disabled]='isRegister'>获取验证码</button>
        </div>
      </div>

      <ion-item>
        <ion-label floating>新密码</ion-label>
        <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowPasswordBorder,'no-has-liner-gradient': !this.lgService.isShowPasswordBorder}"
          minlength="8" (blur)="this.lgService.blurShowPasswordBorder()" (focus)="this.lgService.focusShowPasswordBorder()" maxlength="16" [(ngModel)]="password"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label floating>确认密码</ion-label>
        <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowRepasswordBorder,'no-has-liner-gradient': !this.lgService.isShowRepasswordBorder}"
          minlength="8" (blur)="this.lgService.blurShowRepasswordBorder()" (focus)="this.lgService.focusShowRepasswordBorder()" maxlength="16" [(ngModel)]="repassword"></ion-input>
      </ion-item>


    </ion-list>
  </div>

  <div class="border-login">
    <button (tap)="gotoUpDataInfo()">完成</button>
  </div>

</ion-content>
